﻿<!DOCTYPE html>
<html>
    <head>
        <title>学员风采-东樱教育</title>
        <meta charset="utf-8" />
        <meta
            name="viewport"
            content="width=device-width,initial-scale=1,user-scalable=1,maximum-scale=1,minimum-scale=1"
        />
        <meta name="keywords" content="日语培训,东樱教育" />
        <meta name="description" content="日语培训-东樱教育" />
        <meta name="author" content="东樱教育" />
        <link rel="shortcut icon" href="../favicon.ico" />
        <link rel="stylesheet" href="../css/home.css?t=20231206" />
        <style type="text/css">
            .domo-slides {
                margin: 50px auto 80px auto;
                width: 500px;
                height: 700px;
                zoom: 1;
                position: relative;
            }
            .domo-slides .conts {
                height: 100%;
                border-radius: 8px;
                position: relative;
                overflow: hidden;
                box-shadow: 0 6px 20px #107cc3;
            }
            .domo-slides .conts ul {
                height: 100%;
            }
            .domo-slides .conts li {
                height: 100%;
                text-align: center;
                overflow: hidden;
                position: relative;
            }
            .domo-slides .conts li > img {
                width: 100%;
                height: 100%;
            }
            .domo-slides .prev,
            .domo-slides .next {
                z-index: 1;
                position: absolute;
                top: 50%;
                margin-top: -25px;
                display: block;
                width: 42px;
                height: 42px;
                line-height: 40px;
                font-size: 24px;
                color: #fff;
                box-shadow: 0px 4px 10px 0px rgba(16, 124, 195, 1);
                -webkit-box-shadow: 0px 4px 10px 0px rgba(16, 124, 195, 1);
                -moz-box-shadow: 0px 4px 10px 0px rgba(16, 124, 195, 1);
                border-radius: 50px;
                background: #b2d5ed;
                text-align: center;
                font-family: 'Comic Sans MS', cursive;
                cursor: pointer;
            }
            .domo-slides .prev {
                left: -80px;
                background: #999;
            }
            .domo-slides .prev:hover,
            .domo-slides .next:hover {
                background: #3dc878;
                color: #fff;
            }
            .domo-slides .next {
                right: -80px;
                background: #999;
            }
            .domo-slides .tabs {
                width: 100%;
                height: 18px;
                line-height: 18px;
                position: absolute;
                z-index: 1;
                bottom: -36px;
                left: 0;
                font-family: 'Comic Sans MS', cursive;
                overflow: hidden;
            }
            .domo-slides .tabs ul {
                text-align: center;
                height: 18px;
            }
            .domo-slides .tabs ul li {
                color: #0c91e8;
                font-size: 12px;
                width: 18px;
                height: 18px;
                line-height: 18px;
                border-radius: 18px;
                font-style: italic;
                margin: 0 5px;
                background: #b2d5ed;
                cursor: pointer;
                display: inline-block;
                zoom: 1;
                overflow: hidden;
            } /* 此处line-height:18px;设为line-height:999px;隐藏数字只显示圆圈分页 */
            .domo-slides .tabs ul .current {
                color: #fff;
                background: #4ad585 !important;
            }
        </style>
        <script>
            // 判断移动端
            var isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
            if (isMobile) {
                location.href = '../mobile/student.html';
            }
        </script>
    </head>
    <body>
        <div class="header">
            <div class="headerContainer">
                <div class="logo">
                    <img src="../images/logo.png?t=20231206" alt="东樱教育" />
                </div>
                <ul class="topMenu">
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="./aboutus.html">公司简介</a></li>
                    <li><a href="./train.html">日语培训</a></li>
                    <li><a href="./teacher.html">讲师介绍</a></li>
                    <li><a href="./abroad.html">办留学流程</a></li>
                    <li class="active"><a href="./student.html">学员风采</a></li>
                    <li><a data-target="#point7">联系我们</a></li>
                </ul>
            </div>
        </div>

        <div class="banner" style="background-image: url(../images/banner6.png?t=20231206)"></div>

        <div class="domo-slides">
            <div class="conts">
                <ul>
                    <li><img src="../images/liuxue_1.png?t=20231206" /></li>
                    <li><img src="../images/liuxue_2.png?t=20231206" /></li>
                    <li><img src="../images/liuxue_3.png?t=20231206" /></li>
                    <li><img src="../images/liuxue_4.png?t=20231206" /></li>
                </ul>
            </div>
            <div class="tabs"><ul></ul></div>
            <a class="prev" href="javascript:;">‹</a>
            <a class="next" href="javascript:;">›</a>
        </div>

        <div class="footer" id="point7">
            <div class="footerBlock">
                <div class="footerLogo">
                    <div>
                        <img src="../images/logo_icon_white.png?t=20231206" />
                        <img src="../images/logo_white.png?t=20231206" />
                    </div>
                    <div class="wechat">
                        <img src="../images/concatWx.png?t=20231206" />
                        <div>官方微信</div>
                    </div>
                </div>

                <ul class="footerConcat">
                    <li>
                        <div>办公室代表</div>
                        <div>
                            <img src="../images/icon_tel.png?t=20231206" />
                            <span>|</span>
                            <img src="../images/icon_weixin.png?t=20231206" />
                            <span>18980670934</span>
                            <button type="button" class="buttonText" id="copyWeixinBtn1">复制</button>
                        </div>
                    </li>
                    <li>
                        <div>留学主任（李老师）</div>
                        <div>
                            <img src="../images/icon_tel.png?t=20231206" />
                            <span>|</span>
                            <img src="../images/icon_weixin.png?t=20231206" />
                            <span>13551312451</span>
                            <button type="button" class="buttonText" id="copyWeixinBtn2">复制</button>
                        </div>
                    </li>
                    <li>
                        <div>教学主任（日语）</div>
                        <div>
                            <img src="../images/icon_tel.png?t=20231206" />
                            <span>|</span>
                            <img src="../images/icon_weixin.png?t=20231206" />
                            <span>18980670934</span>
                            <button type="button" class="buttonText" id="copyWeixinBtn3">复制</button>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <script src="../js/jquery-1.11.3.min.js?t=20231206"></script>
        <script src="../js/jquery.agilebins-v1.0.4.min.js?t=20231206"></script>
        <script src="../js/common.js?t=20231206"></script>
        <script type="text/javascript">
            $('.domo-slides').agilebins({
                autoPlay: true /* 自动播放(true | false) */,
                delayTime: 3000 /* 自动播放延迟时间(毫秒)，注意：delayTime >= speed >= 0 */,
                pnLoop: true /* 是否需要按钮前后循环(true | false) */,
                loop: true /* 无限循环播放(true | false) */,
                // play: '.play' /* 播放按钮元素 */,
                // pause: '.pause' /* 暂停按钮元素 */,
                mainEl: '.conts ul' /* 内容列表容器 */,
                mainState:
                    '.tabs ul' /* 导航列表分页容器（当前为数字，此li样式设为例如line-height:999px;隐藏数字只显示为圆圈） */,
                autoMainState: true /* 是否开启自动填充导航HTML元素。与mainState配合使用。 */,
                onClass: 'current' /* 当前选中的索引亮高css样式名 */,
                // pageCountState: '.pageNav' /* */,
                mPrev: '.prev' /* 上一个按钮元素 */,
                mNext: '.next' /* 下一个按钮元素 */,
                effect: 'left' /* 效果类型: fade | fold | slideDown | top | right | bottom | left */,
            });
        </script>
    </body>
</html>
